<template>
	<i
		:style="{
			'color': props.color,
			'font-size': props.size,
			'font-weight': props.bold ? 'normal' : 'bold'
		}"
		:class="[props.prefix, props.name]"
	/>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'

interface Props {
  name: string,
  prefix?: string,
  size?: string,
  color?: string,
  bold?: boolean
}

const props = withDefaults(defineProps<Props>(), {
  prefix: 'iconfont',
  size: '1rem',
  bold: false,
  color: 'rgba(0,0,0,0.6)',
})
</script>

